<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Adult Services Distribution</title>
  <META name="description" content="Sydney Adult Services Distribution"></META>
  <link rel="stylesheet" href="/adult/css/{{CSS_ROOT}}/map.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/adult/css/{{CSS_ROOT}}/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/adult/css/{{CSS_ROOT}}/dialog.css" type="text/css" media="all" charset="utf-8"/>

  <!-- YUI Components --> 
  <script type="text/javascript" charset="utf-8"
          src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js">
  </script>

  <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <!-- need finally make a new js file contain all the info manage script -->	
  <script type="text/javascript" src="/adult/js/mesh.js"></script>
  <script type="text/javascript" src="/adult/js/histogram.js"></script>
  <!-- Project Components -->

  <script type="text/javascript" src="/adult/js/dialog.js"></script>
  <script type="text/javascript" src="/adult/js/ele.js"></script>
  <script type="text/javascript" src="/adult/js/surburb.js"></script>
  <script type="text/javascript" src="/adult/js/home.js"></script>


<!-- FIX ME:Do not put craps here -->
  <style type="text/css">
	  .map-icon{
      opacity:0.9;
      font-size:12px;
      width:30px;height:30px;
      padding-top:7px;
      text-align:center;
      color:white;
      background:url('/adult/js/res/pushpin.png') no-repeat
    }
	  .map-icon-inactive{
      opacity:0.7;
      font-size:12px;
      width:30px;
      height:30px;
      padding-top:7px;
      text-align:center;
      color:white;
      background:url('/adult/js/res/pushpin_inactive.png') no-repeat
    }
  </style>
</head>

<body onload = "document_load();">
<div id="map-info" style="z-index:10;position:fixed;top:0px;left:0px;height:100%;width:100%;">
</div>
<div id='right-bar'>
</div>
<div id='right-bar-dock'>
 <div class="lane">
  <div class="icon"></div>
 </div>
<div class="split"></div>
</div>
<div id='title-bar'>
  <div class='section' id='page'>
    <div class='nav'>
      <div class='brand'>
        <span style='color:#cccccc;'> Adult</span>
        <span style="color:#ff25a5;"> Scent </span>
      </div>
      <ul class='menu'>
        <!-- <li><a onclick="ShowFilter">Filter</a></li>-->
        <li onclick ="ShowAddServiceDialog()"><a>Quick Publish</a></li>
        <li onclick ="ShowRegisterDialog()"><a>Register</a></li>
        <li onclick ="ShowLoginDialog()"><a>Login</a></li>
        <li><a href='a'>About Us</a></li>
        {% if SESSION.login_id %}
        <li><a href='a'>Welcome {{SESSION.login_name}}</a></li>
        {% endif %}
      </ul>
    </div>
  </div>
</div>
<div id='config-bar'>
    <div class='window-title'>
      FILTERS
      <a onclick="SwitchPanel(this)">&#9666;</a>
    </div>
    <div class='dummy'>
    </div>
    <div class='window-container'>
      <div class='vbar' id='type-select'>
        <span> service type:</span>
        <a class='selected'><span></span>SHOP</a><a><span></span>ESCORT</a>
      </div>
      <div class='vbar' id='sort-select'>
        <span> sort by:</span>
        <a><span></span>RATING</a><a class='selected'><span></span>ACTIVE</a></div>
      <div class='vbar' id='history-select'>
        <span> history:</span>
        <a><span></span>RECENT</a><a class='selected'><span></span>TODAY</a></div>
      <div class='vbar' id='gallery-select'>
        <span> gallery:</span>
        <a><span></span>GLOBAL</a><a class='selected'><span></span>LOCAL</a></div>
    </div>
    <div class='window-container'>
      <div class='vbar'>
        <span> Age Range:</span>
        <span id='age-range-hint'>ALL</span>
        <div class='vscroll' id = 'age-scroll'>
          <div class='blank'></div>
          <div class='drag'></div>
          <div class='fill'></div>
          <div class='drag'></div>
        </div>
      </div>
      <div class='vbar'>
        <span> Rate Range:</span>
        <span id='rate-range-hint'>ALL</span>
        <div class='vscroll' id = 'rate-scroll'>
          <div class='blank'></div>
          <div class='drag'></div>
          <div class='fill'></div>
          <div class='drag'></div>
        </div>
      </div>
    </div>
    <div class='window-container'>
      <div class='vbar'><span> working days:</span></div>
      <div class='vbar2' id='working-days'>
        <a class='selected'><span></span>Mon</a>
        <a class='selected'><span></span>Tue</a>
        <a class='selected'><span></span>Wed</a>
        <a class='selected'><span></span>Thu</a>
        <a class='selected'><span></span>Fri</a>
        <a class='selected'><span></span>Sat</a>
        <a class='selected'><span></span>Sun</a>
      </div>
      <br style="clear:both"></br>
    </div>
    <div class='window-container' id='surburb'>
      <div class="vbar">
        <span>Surburb:</span>
        <ul class='surburb-list'>
        <li class='selected'>A</li>
        <li>B</li>
        <li>C</li>
        <li>D</li>
        <li>E</li>
        <li>F</li>
        <li>G</li>
        <li>H</li>
        <li>I</li>
        <li>J</li>
        <li>K</li>
        <li>L</li>
        <li>M</li>
        <li>N</li>
        <li>O</li>
        <li>P</li>
        <li>Q</li>
        <li>R</li>
        <li>S</li>
        <li>T</li>
        <li>U</li>
        <li>V</li>
        <li>W</li>
        <li>Y</li>
        <li>Z</li>
        </ul>
      </div>
      <div class='div-scroll'>
        <div class='surburb'>
        <a>Abbotsbury</a>
        <a>Abbotsford</a>
        <a>Acacia Gardens</a>
        <a>Agnes Banks</a>
        <a>Airds</a>
        <a>Alexandria</a>
        <a>Allambie Heights</a>
        <a>Allawah</a>
        <a>Ambarvale</a>
        <a>Annandale</a>
        <a>Annangrove</a>
        <a>Arcadia</a>
        <a>Arncliffe</a>
        <a>Arndell Park</a>
        <a>Artarmon</a>
        <a>Ashbury</a>
        <a>Ashcroft</a>
        <a>Ashfield</a>
        <a>Asquith</a>
        <a>Auburn</a>
        <a>Austral</a>
        <a>Avalon</a>
        <br style="clear:both"></br>
        </div>
        <div class='hscroll'><div class='cursor'></div></div>
      </div>
    </div>
</div>
<div id='zsk' class='msk'>
</div>
<div id = 'float-info' class='float-info'>
  <div class='msk'></div>
  <div class='left'>
    <div class='img1'>
    </div>
    <div class='img4'>
    </div>
    <div class='img3'>
    </div>
    <div class='img2'>
    </div>
  </div>
  <div class='section'>
    <div class='nest'>
      <div><span>3</span>Services Nested Here.</div>
    </div>
    <div class='info-block'>
    <ul>
      <li><span class='label'>Service Name:</span><a class='name'>name</a></li>
      <li><span class='label'>Contact Number:</span><a class='phone'>phone</a></li>
      <li><span class='label'>Emai Address:</span><a class='email'>email</a></li>
    </ul>
    </div>
    <h3 class='split'>Address:</h3>
    <div class='info-block'>
      <div class='address'>Sydney Center</div>
    </div>
    <h3 class='split'>Description:</h3>
    <div class='info-block'>
      <div class='description'>Put your description here</div>
    </div>
  </div>
  <div class='center' onclick="zoyoe.CloseShortCut()">
    <img src='/adult/res/close.png' alt='-'></img>
  </div>
</div>
<div id='dialog'>
  <div class='dialog'>
    <div class='dialog-hint'>
    </div>
    <div class='dialog-content'>
    </div>
    <div class='button-lane'>
      <input type='button' value='ok' onclick='SubmitForm();'></input>
      <input type='button' value='cancel' onclick='zoyoe.HideDialog();'></input>
    </div>
  </div>
</div>
</body>
</html>
